<form method="post" enctype="multipart/form-data" target="_blank" id="form-order">
    <div class="table-responsive">
        <table class="table table-bordered table-hover">
            <colgroup>
                <col width="5%">
                <col width="5%">
                <col width="15%">
                <!-- <col width="10%"> -->
                <col width="5%">
                <col width="10%">

                <!-- <col width="10%"> -->
                <col width="15%">
                <!-- <col width="5%"> -->
                <col width="5%">
                <col width="5%">
                <col width="30%">
            </colgroup>
            <thead>
                <tr>
                    <td class="text-right">
                        <a href="javascript:sort('groupid');">ID</a>
                    </td>
                    <td class="text-left">
                        <a href="javascript:sort('owner');">群名称</a>
                    </td>
                    <td class="text-left">
                        头像
                    </td>
                    <td class="text-left">
                        <a href="javascript:sort('owner');">群主</a>
                    </td>                   
                    <td class="text-left">
                        简介
                    </td>
                    <td class="text-left">
                        全平台邀请权限
                    </td>
                    <td class="text-left">
                        全员禁言
                    </td>
                    <td class="text-left">
                       状态
                    </td>
                    <td class="text-left">
                        创建时间
                    </td>
                    <td class="text-right">操作</td>
                </tr>
            </thead>
            <tbody>
                <volist name="list" id="vo">
                    <tr>
                        <td class="text-right">{$vo.groupid}</td>
                        <td class="text-left">{$vo.name}</td>
                        <td class="text-left">
                            <notempty name="vo.avatar">
                                <img src="{$vo.avatar}" height="60" width="60"/>
                            </notempty>
                        </td>
                        <td class="text-left">{$vo.owner_name}</td>
                        <td class="text-left">{$vo.desc}</td>
                        <td class="text-left">
                            <if condition="$vo.owner_auth eq 1">
                                <a data-url="{:U('Admin/im/owner_auth',array('groupid'=>$vo['groupid']))}" data-id="{$vo['groupid']}" data-toggle="tooltip" data-auth="0"
                                    title="点击关闭授权" class="btn btn-success owner_auth_swtich" data-original-title="关闭全平台邀请权限">已授权</i></a>
                            <else/>
                                <a data-url="{:U('Admin/im/owner_auth',array('groupid'=>$vo['groupid']))}" data-id="{$vo['groupid']}" data-toggle="tooltip" data-auth="1"
                                title="点击授权" class="btn btn-danger owner_auth_swtich" data-original-title="授权开启全平台邀请权限">未授权</i></a>
                            </if>
                        </td>
                        <td class="text-left">
                            <if condition="$vo.can_speak eq 1">
                                <a data-url="{:U('Admin/im/can_speak',array('groupid'=>$vo['groupid']))}" data-id="{$vo['groupid']}" data-toggle="tooltip" data-auth="0"
                                    title="点击开启全员禁言" class="btn btn-success can_speak_swtich" data-original-title="开启全员禁言">未禁言</i></a>
                            <else/>
                                <a data-url="{:U('Admin/im/can_speak',array('groupid'=>$vo['groupid']))}" data-id="{$vo['groupid']}" data-toggle="tooltip" data-auth="1"
                                title="点击关闭禁言" class="btn btn-danger can_speak_swtich" data-original-title="关闭禁言">已禁言</i></a>
                            </if>
                        </td>
                        <td class="text-left">{$vo.status}</td>
                        <td class="text-left">{$vo.create_time}</td>

                        <td class="text-right">
                            <a href="{:U('Admin/im/groupdetail',array('groupid'=>$vo['groupid']))}" data-toggle="tooltip"
                                title="" class="btn btn-info" data-original-title="查看详情"><i class="fa fa-eye" title="查看详情"></i></a>
                            <a data-url="{:U('Admin/im/destory_group',array('groupid'=>$vo['groupid']))}"        data-toggle="tooltip"
                                data-id="{$vo['groupid']}"
                                onclick="delfun(this)"
                                title="" class="btn btn-danger" data-original-title="解散"><i class="fa fa-trash-o" title="解散"></i></a>
                        </td>
                    </tr>
                </volist>
            </tbody>
        </table>
    </div>
</form>
<div class="row">
    <div class="col-sm-3 text-left">
    </div>
    <div class="col-sm-6 text-right">{$page}</div>
</div>
<script>
    $(".pagination  a").click(function () {
        var page = $(this).data('p');
        ajax_get_table('search-form2', page);

    });

    // 全平台邀请授权
    $(".owner_auth_swtich").on('click',function(){
        var url = $(this).data('url');
        var title = $(this).data('original-title');
        var auth = $(this).data('auth');
        var groupid = $(this).data('id');
        var _this = this;
        if(confirm('确认'+title+'吗？')){
            $.ajax({
                type : 'post',
                url : url,
                data : {
                    owner_auth: auth,
                    groupid: groupid
                },
                dataType : 'json',
                success : function(data){
                    if(data && data.status>0){
                        if( auth == 0 )
                        {
                            $(_this).attr('title', '点击开启授权');
                            $(_this).data('auth', 1);
                            $(_this).data('original-title', '授权开启全平台邀请权限');
                            $(_this).removeClass('btn-success').addClass('btn-danger');
                            $(_this).html('未授权');
                        }else{
                            $(_this).attr('title', '点击关闭授权');
                            $(_this).data('auth', 0);
                            $(_this).data('original-title', '关闭全平台邀请权限');
                            $(_this).removeClass('btn-danger').addClass('btn-success');
                            $(_this).html('已授权');
                        }                        
                    }else{
                        layer.alert( data.info || '操作失败', {icon: 2});  //alert('删除失败');
                    }
                }
            })
        }
    })

     // 全员禁言
     $(".can_speak_swtich").on('click',function(){
        var url = $(this).data('url');
        var title = $(this).data('original-title');
        var auth = $(this).data('auth');
        var groupid = $(this).data('id');
        var _this = this;
        if(confirm('确认'+title+'吗？')){
            $.ajax({
                type : 'post',
                url : url,
                data : {
                    can_speak: auth,
                    groupid: groupid
                },
                dataType : 'json',
                success : function(data){
                    if(data && data.status>0){
                        if( auth == 0 )
                        {
                            $(_this).attr('title', '点击开启全员禁言');
                            $(_this).data('auth', 1);
                            $(_this).data('original-title', '开启全员禁言');
                            $(_this).removeClass('btn-success').addClass('btn-danger');
                            $(_this).html('已禁言');
                        }else{
                            $(_this).attr('title', '点击关闭全员禁言');
                            $(_this).data('auth', 0);
                            $(_this).data('original-title', '关闭全员禁言');
                            $(_this).removeClass('btn-danger').addClass('btn-success');
                            $(_this).html('未禁言');
                        }                        
                    }else{
                        layer.alert( data.info || '操作失败', {icon: 2});  //alert('删除失败');
                    }
                }
            })
        }
    })

    function delfun(obj){
        if(confirm('确认解散该群吗？')){		
            $.ajax({
                type : 'post',
                url : $(obj).attr('data-url'),
                data : {
                    groupid: $(obj).attr('data-id'),
                },
                dataType : 'json',
                success : function(data){
                    if(data && data.status>0){
                        $(obj).parent().parent().remove();
                    }else{
                        layer.alert( data.info || '解散失败', {icon: 2});  //alert('删除失败');
                    }
                }
            })
        }
        return false;
    }


    $(function () {
        $("[data-toggle='tooltip']").tooltip();
    })
</script>